﻿{% load filter %}
{% extends '1base.html' %}
{% block title %}
<title>Wow Dkp Engine</title>
<meta name="Keywords" content="wow,dkp"/>
<meta name="description" content="A wow dkp system" />
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	//<![CDATA[
	google.load("jquery", "1.2.3");
	//]]>
</script>
<script type="text/javascript" src="/static/javascript/jquery.idTabs.min.js"></script>
<script src="http://www.wowhead.com/widgets/power.js"></script>
<link rel="stylesheet" href="/static/css/tab.css" type="text/css" />
<style type="text/css" media="screen">
	.usual ul a:hover {
		color: #000;
	}
	.usual ul a.selected {
		background-color: #b5edbc;
	}
	.tab {
		background-color: #b5edbc;
	}
</style>
{% endblock %}
{% block headline %}
{% endblock %}
{% block secondmenu %}
{% include 'second_menu.html'%}
{% endblock %}
{% block content %}
<div id="main">
	<div class="player-header">
		<div class="player-portrait" style="background-image: url(/static/images/wow/portraits/{{player.player_sex}}-{{player.player_race}}-{{player.player_class}}.gif);border:3px solid {{ player.player_class|classcolor }};">
		</div>
		<div class="player-charactor">
			<div>
				<a style='font-size:15px;font-weight:bold;color:{{ player.player_class|classcolor }};font-size:15px;text-shadow: {{ player.player_class|classcolor }} 1px 2px 2px;' href="http://cn.wowarmory.com/character-sheet.xml?r=阿努巴拉克&n={{player.player_name}}">{{ player.player_name }}</a>
				<img title="{{ player.player_race }}" class="player-icon" style="vertical-align:middle;" src="/static/images/wow/race/{{ player.player_race }}-{{ player.player_sex }}.png" />
				<img title="{{ player.player_class }}" class="player-icon" style="vertical-align:middle;" src="/static/images/wow/class/{{ player.player_class }}.png" />
			</div>
			<div>
				Lev <b>{{ player.player_level }}</b>{% include 'race_name.html' %} <b style='color:{{ player.player_class|classcolor }}'>{% include 'class_name.html' %}</b>
			</div>
		</div>
	</div>
	<div id="player-tab">
		<div id="usual1" class="usual"> 
			<ul>
				<li><a class="selected" href="#tab1">{{ multi_language.ca_event }}</a></li> 
				<li><a href="#tab2">{{ multi_language.ca_gear }}</a></li>
				<li><a href="#tab3">{{ multi_language.ca_earn }}</a></li>
				<li><a href="#tab4">{{ multi_language.ca_adjust }}</a></li>
				<li><a href="#tab5">{{ multi_language.ca_reward }}</a></li>
				<li><a href="#tab6">{{ multi_language.ca_punish }}</a></li>
				<li><a href="#tab7">{{ multi_language.ca_cost }}</a></li>
				<li><a href="#tab8">{{ multi_language.ca_current }}</a></li>
			</ul>
			<div class="tab" id="tab1">
				{% for event in events %}
					<span><a href="/pub/events/{{ event.key.id }}" title="{{ event.post_on|get_rfc_datetime }}">{{ event.title }}</a></span>
				{% endfor %}
			</div>
			<div class="tab" id="tab2">
				{% for loot in gears %}
					<span class="loot-item"><a style='color:#{{ loot.gear_color }}' href="http://www.wowhead.com/?item={{ loot.gear_id }}">{{ loot.gear_name }}</a>{{ loot.gear_costs }}</span>
				{% endfor %}
			</div>
			<div class="tab" id="tab3">
				<b> {{ multi_language.ca_earn }} : </b><span>{{ playerscore.earn }}</span>
			</div>
			<div class="tab" id="tab4">
				<b> {{ multi_language.ca_adjust }} : </b><span>{{ playerscore.adjust }}</span>
			</div>
			<div class="tab" id="tab5">
				<b> {{ multi_language.ca_reward }} : </b><span>{{ playerscore.reward }}</span>
			</div>
			<div class="tab" id="tab6">
				<b> {{ multi_language.ca_punish }} : </b><span>{{ playerscore.punishment }}</span>
			</div>
			<div class="tab" id="tab7">
				<b> {{ multi_language.ca_cost }} : </b><span>{{ playerscore.cost }}</span>
			</div>
			<div class="tab" id="tab8">
				<b> {{ multi_language.ca_current }} : </b><span>{{ playerscore.current_score }}</span>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	$("#usual1 ul").idTabs();
	</script>
</div>
{% endblock%}
{% block siderbar %}
	{% include 'forumSiderbar.html' %}
{% endblock%}